/* =========================================================
   ЕГЭ НАЛЕГКЕ — АРХИВ 2027

   Структура:
   1. Архив → месяцы
   2. Месяц → недели
   3. Неделя → базовый / хард уровень
   4. База / Хард → уроки

   Цвета:
   #D9DC6A — зелёный
   #FFF2BD — жёлтый
   #FCCBD1 — розовый
   #D0E3F7 — голубой
   ========================================================= */


/* =========================================================
   0. ОБЩИЕ ПЕРЕМЕННЫЕ
   ========================================================= */

body.enl-archive-root,
body.enl-month-archive,
body.enl-week-archive,
body.enl-learning-route,
body.enl-hard-page {
  --enl-olive: #D9DC6A;
  --enl-yellow: #FFF2BD;
  --enl-pink: #FCCBD1;
  --enl-blue: #D0E3F7;

  --enl-text: #161616;
  --enl-muted: #555555;

  --enl-white: #FFFFFF;

  --enl-border:
    rgba(22, 22, 22, 0.07);

  --enl-shadow:
    0 4px 12px rgba(22, 22, 22, 0.035),
    0 10px 24px rgba(22, 22, 22, 0.055);

  --enl-radius: 18px;

  font-family:
    var(--enl-font, "Raleway", Arial, sans-serif);
}


/* =========================================================
   1. ОБЩИЙ СБРОС ДЛЯ КАСТОМНЫХ КАРТОЧЕК
   ========================================================= */

body.enl-archive-root
.enl-archive-month-row,

body.enl-month-archive
.enl-month-week-row,

body.enl-week-archive
.enl-week-level-row,

body.enl-learning-route
.enl-lesson-row,

body.enl-hard-page
.enl-lesson-row {
  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;

  border: 0 !important;
  outline: 0 !important;

  box-shadow: none !important;
}


body.enl-archive-root
.enl-archive-month-row > td,

body.enl-month-archive
.enl-month-week-row > td,

body.enl-week-archive
.enl-week-level-row > td,

body.enl-learning-route
.enl-lesson-row > td,

body.enl-hard-page
.enl-lesson-row > td {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;
}

/* =========================================================
   АРХИВ + МЕСЯЦЫ
   СТАБИЛЬНАЯ FLEX-СЕТКА
   ========================================================= */

/* =========================================================
   2. ОБЩИЙ СБРОС ТАБЛИЦЫ
   ========================================================= */

body.enl-archive-root
.stream-table,

body.enl-month-archive
.stream-table {
  display: block !important;

  width: 100% !important;
  max-width: none !important;

  margin: 28px 0 50px !important;
  padding: 0 !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;
}


body.enl-archive-root
.stream-table
> tbody,

body.enl-month-archive
.stream-table
> tbody {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   3. АРХИВ — МЕСЯЦЫ
   3 КАРТОЧКИ В РЯД
   ========================================================= */

body.enl-archive-root
.enl-archive-grid {
  display: flex !important;

  flex-wrap: wrap !important;

  align-items: stretch !important;
  align-content: flex-start !important;

  gap: 20px !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* Одна строка GetCourse */

body.enl-archive-root
.enl-archive-month-row {
  position: relative !important;

  display: block !important;

  flex:
    0 0 calc((100% - 40px) / 3) !important;

  width:
    calc((100% - 40px) / 3) !important;

  max-width:
    calc((100% - 40px) / 3) !important;

  min-width: 0 !important;

  height: 150px !important;
  min-height: 150px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

  overflow: visible !important;
}


/* Ячейка */

body.enl-archive-root
.enl-archive-month-row
> td {
  display: block !important;

  width: 100% !important;
  height: 150px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;

  border: 0 !important;
}


/* Карточка месяца */

body.enl-archive-root
.enl-archive-month-link {
  position: relative !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: flex-start !important;
  justify-content: flex-start !important;

  width: 100% !important;

  height: 150px !important;
  min-height: 150px !important;
  max-height: 150px !important;

  box-sizing: border-box !important;

  margin: 0 !important;

  padding:
    20px
    18px !important;

  color: #161616 !important;

  background: #FFFFFF !important;

  border:
    1px solid
    rgba(22, 22, 22, 0.07) !important;

  border-radius:
    18px !important;

  box-shadow:
    0 5px 15px
    rgba(22, 22, 22, 0.07) !important;

  text-decoration: none !important;

  overflow: hidden !important;
}


/* Название месяца */

body.enl-archive-root
.enl-archive-month-title {
  display: block !important;

  width: 100% !important;

  margin:
    0 0 12px !important;

  padding: 0 !important;

  color: #161616 !important;

  font-family:
    var(--enl-font, "Raleway", Arial, sans-serif) !important;

  font-size: 24px !important;

  font-weight: 600 !important;

  line-height: 1.05 !important;

  letter-spacing:
    -0.02em !important;

  text-transform: lowercase !important;
}


/* Теги */

body.enl-archive-root
.enl-archive-month-tags {
  display: flex !important;

  flex-wrap: wrap !important;

  align-items: flex-start !important;

  gap: 7px !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


body.enl-archive-root
.enl-archive-month-tag {
  display: inline-flex !important;

  align-items: center !important;

  width: auto !important;
  min-width: 0 !important;

  min-height: 27px !important;

  box-sizing: border-box !important;

  padding:
    4px
    11px !important;

  color: #373737 !important;

  background:
    #FCCBD1 !important;

  border-radius:
    999px !important;

  font-family:
    var(--enl-font, "Raleway", Arial, sans-serif) !important;

  font-size: 12px !important;
  font-weight: 400 !important;

  line-height: 1.2 !important;

  white-space: nowrap !important;
}


/* Закрытые месяцы */

body.enl-archive-root
.enl-archive-month-row.noaccess-mode-show
.enl-archive-month-link {
  opacity: 0.55 !important;

  box-shadow: none !important;
}


/* =========================================================
   4. ВНУТРИ МЕСЯЦА — НЕДЕЛИ
   2 КАРТОЧКИ В РЯД
   ========================================================= */

body.enl-month-archive
.enl-month-grid {
  display: flex !important;

  flex-wrap: wrap !important;

  align-items: stretch !important;
  align-content: flex-start !important;

  gap: 20px !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* Каждая неделя */

body.enl-month-archive
.enl-month-week-row {
  position: relative !important;

  display: block !important;

  flex:
    0 0 calc((100% - 20px) / 2) !important;

  width:
    calc((100% - 20px) / 2) !important;

  max-width:
    calc((100% - 20px) / 2) !important;

  min-width: 0 !important;

  height: 145px !important;
  min-height: 145px !important;
  max-height: 145px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;

  border: 0 !important;

  transform: none !important;

  overflow: visible !important;
}


/* Ячейка недели */

body.enl-month-archive
.enl-month-week-row
> td {
  position: relative !important;

  display: block !important;

  width: 100% !important;

  height: 145px !important;
  min-height: 145px !important;
  max-height: 145px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;

  border: 0 !important;

  overflow: visible !important;
}


/* Белая карточка недели */

body.enl-month-archive
.enl-month-week-link {
  position: relative !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: flex-start !important;

  width: 100% !important;

  height: 145px !important;
  min-height: 145px !important;
  max-height: 145px !important;

  box-sizing: border-box !important;

  margin: 0 !important;

  padding:
    20px
    20px !important;

  color: #161616 !important;

  background: #FFFFFF !important;

  border:
    1px solid
    rgba(22, 22, 22, 0.07) !important;

  border-radius:
    18px !important;

  box-shadow:
    0 5px 15px
    rgba(22, 22, 22, 0.07) !important;

  text-decoration: none !important;

  transform: none !important;

  overflow: hidden !important;
}


/* Заголовок недели */

body.enl-month-archive
.enl-month-week-title {
  display: block !important;

  margin:
    0 0 14px !important;

  padding: 0 !important;

  color: #161616 !important;

  font-family:
    var(--enl-font, "Raleway", Arial, sans-serif) !important;

  font-size: 24px !important;

  font-weight: 600 !important;

  line-height: 1.08 !important;

  letter-spacing:
    -0.02em !important;
}


/* Теги недели */

body.enl-month-archive
.enl-month-week-tags {
  display: flex !important;

  flex-wrap: wrap !important;

  gap: 7px !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


body.enl-month-archive
.enl-month-week-tag {
  display: inline-flex !important;

  align-items: center !important;

  min-height: 27px !important;

  box-sizing: border-box !important;

  padding:
    4px
    11px !important;

  color: #393939 !important;

  background:
    #FFF2BD !important;

  border-radius:
    999px !important;

  font-family:
    var(--enl-font, "Raleway", Arial, sans-serif) !important;

  font-size: 12px !important;

  font-weight: 400 !important;

  line-height: 1.2 !important;

  white-space: nowrap !important;
}


/* =========================================================
   5. TABLET
   ========================================================= */

@media (max-width: 1000px) {

  body.enl-archive-root
  .enl-archive-month-row {
    flex:
      0 0 calc((100% - 20px) / 2) !important;

    width:
      calc((100% - 20px) / 2) !important;

    max-width:
      calc((100% - 20px) / 2) !important;
  }
}

/* =========================================================
   4. НЕДЕЛЯ — БАЗОВЫЙ И ХАРД УРОВНИ
   ========================================================= */

body.enl-week-archive
.stream-table {
  display:
    block !important;

  width:
    100% !important;

  margin:
    30px 0 50px !important;

  background:
    transparent !important;

  border:
    0 !important;
}


/* Две карточки */

body.enl-week-archive
.enl-week-level-grid {
  display:
    grid !important;

  grid-template-columns:
    repeat(
      2,
      minmax(0, 1fr)
    ) !important;

  gap:
    20px !important;

  width:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


body.enl-week-archive
.enl-week-level-row {
  display:
    flex !important;

  width:
    100% !important;

  min-width:
    0 !important;
}


/* Карточка */

body.enl-week-archive
.enl-level-card {
  position:
    relative !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  width:
    100% !important;

  min-height:
    175px !important;

  box-sizing:
    border-box !important;

  margin:
    0 !important;

  padding:
    25px 24px 23px !important;

  color:
    var(--enl-text) !important;

  background:
    #FFFFFF !important;

  border:
    1px solid
    var(--enl-border) !important;

  border-radius:
    20px !important;

  box-shadow:
    var(--enl-shadow) !important;

  text-decoration:
    none !important;

  overflow:
    hidden !important;
}


/* Цветная полоса сверху */

body.enl-week-archive
.enl-level-card::before {
  content:
    "" !important;

  position:
    absolute !important;

  top:
    0 !important;

  right:
    0 !important;

  left:
    0 !important;

  height:
    8px !important;
}


body.enl-week-archive
.enl-level-card[data-enl-level="base"]::before {
  background:
    var(--enl-olive) !important;
}


body.enl-week-archive
.enl-level-card[data-enl-level="hard"]::before {
  background:
    var(--enl-pink) !important;
}


/* Заголовок уровня */

body.enl-week-archive
.enl-level-title {
  display:
    block !important;

  margin:
    9px 0 12px !important;

  color:
    #111111 !important;

  font-family:
    var(--enl-font, "Raleway", Arial, sans-serif) !important;

  font-size:
    27px !important;

  font-weight:
    600 !important;

  line-height:
    1.08 !important;

  text-transform:
    lowercase !important;
}


/* Описание */

body.enl-week-archive
.enl-level-description {
  max-width:
    430px !important;

  margin:
    0 0 20px !important;

  color:
    #555555 !important;

  font-size:
    14px !important;

  font-weight:
    400 !important;

  line-height:
    1.4 !important;
}


/* Перейти */

body.enl-week-archive
.enl-level-go {
  display:
    flex !important;

  align-items:
    center !important;

  gap:
    18px !important;

  margin-top:
    auto !important;

  color:
    #161616 !important;

  font-size:
    12px !important;

  font-weight:
    600 !important;

  text-transform:
    lowercase !important;
}


body.enl-week-archive
.enl-level-arrow {
  font-size:
    27px !important;

  font-weight:
    400 !important;

  line-height:
    1 !important;
}


/* =========================================================
   5. БАЗА И ХАРД — ОБЩАЯ ШИРИНА
   ========================================================= */

body.enl-learning-route
.enl-lessons-list,

body.enl-hard-page
.enl-lessons-list,

body.enl-learning-route
.enl-lessons-shell,

body.enl-hard-page
.enl-lessons-shell {
  width:
    100% !important;

  max-width:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;

  background:
    transparent !important;

  border:
    0 !important;

  box-shadow:
    none !important;
}


/* =========================================================
   6. ЗАГОЛОВОК «БАЗОВЫЙ / ХАРД УРОВЕНЬ»
   ========================================================= */

body.enl-learning-route .enl-route-title,
body.enl-hard-page .enl-route-title {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 12px !important;

  margin: 28px 0 22px !important;
  padding: 0 !important;

  color: #161616 !important;

  font-family: "Golos Text", sans-serif !important;
  font-size: 30px !important;
  font-weight: 500 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;

  text-transform: lowercase !important;
}


/* слово с цветной плашкой */

body.enl-learning-route .enl-route-accent,
body.enl-hard-page .enl-route-accent {
  position: relative !important;
  z-index: 1 !important;

  display: inline-block !important;

  color: #161616 !important;
}


/* косая плашка */

body.enl-learning-route .enl-route-accent::before,
body.enl-hard-page .enl-route-accent::before {
  content: "" !important;

  position: absolute !important;
  z-index: -1 !important;

  left: -5px !important;
  right: -5px !important;
  bottom: 1px !important;

  height: 0.62em !important;

  transform: skewX(-4deg) !important;

  clip-path: polygon(
    2% 0,
    100% 0,
    97% 100%,
    0 100%
  ) !important;
}


/* база */

body.enl-learning-route .enl-route-accent::before {
  background: #D9DC6A !important;
}


/* хард */

body.enl-hard-page .enl-route-accent::before {
  background: #FCCBD1 !important;
}


/* описание справа */

body.enl-learning-route .enl-route-title-note,
body.enl-hard-page .enl-route-title-note {
  color: #666666 !important;

  font-family: "Golos Text", sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 1.3 !important;

  letter-spacing: 0 !important;
  text-transform: none !important;
}


/* старое описание под заголовком скрываем */

body.enl-learning-route .enl-route-intro,
body.enl-hard-page .enl-route-intro {
  display: none !important;
}


/* =========================================================
   7. СПИСОК УРОКОВ
   ========================================================= */

body.enl-learning-route
.enl-lessons-grid,

body.enl-hard-page
.enl-lessons-grid {
  display:
    flex !important;

  flex-direction:
    column !important;

  width:
    100% !important;

  gap:
    18px !important;

  margin:
    0 !important;

  padding:
    0 !important;

  background:
    transparent !important;

  border:
    0 !important;

  box-shadow:
    none !important;
}


/* Строка */

body.enl-learning-route
.enl-lesson-row,

body.enl-hard-page
.enl-lesson-row {
  display:
    block !important;

  width:
    100% !important;

  min-width:
    0 !important;
}


/* Убираем старые подложки GC */

body.enl-learning-route
.enl-lesson-row > td > div,

body.enl-hard-page
.enl-lesson-row > td > div {
  width:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;

  background:
    transparent !important;

  border:
    0 !important;

  box-shadow:
    none !important;
}


/* =========================================================
   8. КАРТОЧКА УРОКА
   ========================================================= */

body.enl-learning-route
.enl-lesson-card,

body.enl-hard-page
.enl-lesson-card {
  position:
    relative !important;

  display:
    grid !important;

  grid-template-columns:
    minmax(0, 1fr)
    118px !important;

  width:
    100% !important;

  min-height:
    118px !important;

  box-sizing:
    border-box !important;

  margin:
    0 !important;

  padding:
    0 !important;

  color:
    var(--enl-text) !important;

  background:
    #FFFFFF !important;

  border:
    1px solid
    var(--enl-border) !important;

  border-radius:
    18px !important;

  box-shadow:
    var(--enl-shadow) !important;

  text-decoration:
    none !important;

  overflow:
    visible !important;
}


/* =========================================================
   9. КРУЖОК СОСТОЯНИЯ СЛЕВА
   ========================================================= */

body.enl-learning-route
.enl-lesson-card::before,

body.enl-hard-page
.enl-lesson-card::before {
  content:
    "✓" !important;

  position:
    absolute !important;

  z-index:
    5 !important;

  top:
    50% !important;

  left:
    -14px !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  width:
    30px !important;

  height:
    30px !important;

  color:
    #A0A0A0 !important;

  background:
    #E9E9E9 !important;

  border-radius:
    50% !important;

  box-shadow:
    0 2px 5px
    rgba(22, 22, 22, 0.14) !important;

  font-size:
    21px !important;

  font-weight:
    600 !important;

  line-height:
    1 !important;

  transform:
    translateY(-50%) !important;
}


/* Выполнено */

body.enl-learning-route
.enl-lesson-card[data-enl-state="complete"]::before,

body.enl-hard-page
.enl-lesson-card[data-enl-state="complete"]::before {
  color:
    #656700 !important;

  background:
    var(--enl-olive) !important;
}


/* =========================================================
   10. ЛЕВАЯ ТЕКСТОВАЯ ЧАСТЬ
   ========================================================= */

body.enl-learning-route
.enl-card-content,

body.enl-hard-page
.enl-card-content {
  display:
    flex !important;

  flex-direction:
    column !important;

  justify-content:
    center !important;

  min-width:
    0 !important;

  box-sizing:
    border-box !important;

  padding:
    15px
    22px
    16px
    32px !important;
}


/* Теги */

body.enl-learning-route
.enl-card-top,

body.enl-hard-page
.enl-card-top {
  display:
    flex !important;

  align-items:
    center !important;

  flex-wrap:
    wrap !important;

  gap:
    7px !important;

  margin:
    0 0 14px !important;
}


/* Дедлайн */

body.enl-learning-route
.enl-step-label,

body.enl-hard-page
.enl-step-label {
  display:
    inline-flex !important;

  align-items:
    center !important;

  min-height:
    24px !important;

  box-sizing:
    border-box !important;

  padding:
    3px 10px !important;

  color:
    #505050 !important;

  background:
    #E5E5E5 !important;

  border-radius:
    999px !important;

  font-size:
    11px !important;

  font-weight:
    400 !important;

  line-height:
    1.2 !important;

  text-transform:
    lowercase !important;
}


/* Тип */

body.enl-learning-route
.enl-type-label,

body.enl-hard-page
.enl-type-label {
  display:
    inline-flex !important;

  align-items:
    center !important;

  min-height:
    24px !important;

  box-sizing:
    border-box !important;

  padding:
    3px 10px !important;

  color:
    #333333 !important;

  border-radius:
    999px !important;

  font-size:
    11px !important;

  font-weight:
    400 !important;

  line-height:
    1.2 !important;

  text-transform:
    lowercase !important;
}


/* =========================================================
   11. ЗАГОЛОВОК УРОКА
   ========================================================= */

body.enl-learning-route
.enl-card-title,

body.enl-hard-page
.enl-card-title {
  display:
    block !important;

  max-width:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;

  color:
    #303030 !important;

  font-family:
    var(--enl-font, "Raleway", Arial, sans-serif) !important;

  font-size:
    23px !important;

  font-weight:
    600 !important;

  line-height:
    1.2 !important;

  letter-spacing:
    -0.01em !important;

  text-transform:
    lowercase !important;

  overflow-wrap:
    anywhere !important;
}


/* =========================================================
   12. ПРАВАЯ ЦВЕТНАЯ ЧАСТЬ
   ========================================================= */

body.enl-learning-route
.enl-card-side,

body.enl-hard-page
.enl-card-side {
  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  width:
    118px !important;

  min-height:
    100% !important;

  border-radius:
    0 18px 18px 0 !important;
}


/* Стрелка */

body.enl-learning-route
.enl-card-arrow,

body.enl-hard-page
.enl-card-arrow {
  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  width:
    34px !important;

  height:
    34px !important;

  color:
    #161616 !important;

  background:
    #FFFFFF !important;

  border-radius:
    50% !important;

  font-size:
    20px !important;

  font-weight:
    400 !important;

  line-height:
    1 !important;
}


/* =========================================================
   13. ЦВЕТА ТИПОВ УРОКОВ
   ========================================================= */


/* Видеоурок */

body.enl-learning-route
.enl-lesson-card[data-enl-type="video"]
.enl-card-side,

body.enl-hard-page
.enl-lesson-card[data-enl-type="video"]
.enl-card-side {
  background:
    var(--enl-pink) !important;
}


body.enl-learning-route
.enl-lesson-card[data-enl-type="video"]
.enl-type-label,

body.enl-hard-page
.enl-lesson-card[data-enl-type="video"]
.enl-type-label {
  background:
    var(--enl-pink) !important;
}


/* Вебинар */

body.enl-learning-route
.enl-lesson-card[data-enl-type="webinar"]
.enl-card-side,

body.enl-hard-page
.enl-lesson-card[data-enl-type="webinar"]
.enl-card-side {
  background:
    #F6A7B6 !important;
}


body.enl-learning-route
.enl-lesson-card[data-enl-type="webinar"]
.enl-type-label,

body.enl-hard-page
.enl-lesson-card[data-enl-type="webinar"]
.enl-type-label {
  background:
    #F6A7B6 !important;
}


/* Тест */

body.enl-learning-route
.enl-lesson-card[data-enl-type="test"]
.enl-card-side,

body.enl-hard-page
.enl-lesson-card[data-enl-type="test"]
.enl-card-side {
  background:
    var(--enl-olive) !important;
}


body.enl-learning-route
.enl-lesson-card[data-enl-type="test"]
.enl-type-label,

body.enl-hard-page
.enl-lesson-card[data-enl-type="test"]
.enl-type-label {
  background:
    var(--enl-olive) !important;
}


/* Данетка */

body.enl-learning-route
.enl-lesson-card[data-enl-type="danetka"]
.enl-card-side,

body.enl-hard-page
.enl-lesson-card[data-enl-type="danetka"]
.enl-card-side {
  background:
    var(--enl-yellow) !important;
}


body.enl-learning-route
.enl-lesson-card[data-enl-type="danetka"]
.enl-type-label,

body.enl-hard-page
.enl-lesson-card[data-enl-type="danetka"]
.enl-type-label {
  background:
    var(--enl-yellow) !important;
}


/* Домашнее задание */

body.enl-learning-route
.enl-lesson-card[data-enl-type="homework"]
.enl-card-side,

body.enl-hard-page
.enl-lesson-card[data-enl-type="homework"]
.enl-card-side {
  background:
    var(--enl-blue) !important;
}


body.enl-learning-route
.enl-lesson-card[data-enl-type="homework"]
.enl-type-label,

body.enl-hard-page
.enl-lesson-card[data-enl-type="homework"]
.enl-type-label {
  background:
    var(--enl-blue) !important;
}


/* Обычный материал */

body.enl-learning-route
.enl-lesson-card[data-enl-type="material"]
.enl-card-side,

body.enl-hard-page
.enl-lesson-card[data-enl-type="material"]
.enl-card-side {
  background:
    var(--enl-yellow) !important;
}


body.enl-learning-route
.enl-lesson-card[data-enl-type="material"]
.enl-type-label,

body.enl-hard-page
.enl-lesson-card[data-enl-type="material"]
.enl-type-label {
  background:
    var(--enl-yellow) !important;
}


/* =========================================================
   14. СОСТОЯНИЯ УРОКОВ
   ========================================================= */

body.enl-learning-route
.enl-lesson-card[data-enl-state="locked"],

body.enl-hard-page
.enl-lesson-card[data-enl-state="locked"] {
  opacity:
    0.52 !important;

  box-shadow:
    none !important;
}
/* Дата урока ещё не наступила */

body.enl-learning-route
.enl-lesson-card[data-enl-state="not_reached"],

body.enl-hard-page
.enl-lesson-card[data-enl-state="not_reached"] {

    opacity: 0.55 !important;

    box-shadow:
      none !important;

}


/* Серый правый блок */

body.enl-learning-route
.enl-lesson-card[data-enl-state="not_reached"]
.enl-card-side,

body.enl-hard-page
.enl-lesson-card[data-enl-state="not_reached"]
.enl-card-side {

    background:
      #E5E5E5 !important;

}


/* Урок ещё закрыт — просто серый блок */

body.enl-learning-route
.enl-lesson-card[data-enl-state="not_reached"]
.enl-card-side,

body.enl-hard-page
.enl-lesson-card[data-enl-state="not_reached"]
.enl-card-side {

    background:
      #E5E5E5 !important;

}


/* убираем стрелку */

body.enl-learning-route
.enl-lesson-card[data-enl-state="not_reached"]
.enl-card-arrow,

body.enl-hard-page
.enl-lesson-card[data-enl-state="not_reached"]
.enl-card-arrow {

    display:none !important;

}

body.enl-learning-route
.enl-lesson-card[data-enl-state="overdue"],

body.enl-hard-page
.enl-lesson-card[data-enl-state="overdue"] {
  opacity:
    0.7 !important;
}


/* =========================================================
   15. HOVER
   ========================================================= */

@media (hover: hover) {

  body.enl-archive-root
  .enl-archive-month-link:hover,

  body.enl-month-archive
  .enl-month-week-link:hover,

  body.enl-week-archive
  .enl-level-card:hover,

  body.enl-learning-route
  .enl-lesson-card:hover,

  body.enl-hard-page
  .enl-lesson-card:hover {
    color:
      var(--enl-text) !important;

    text-decoration:
      none !important;

    transform:
      translateY(-3px) !important;

    box-shadow:
      0 8px 18px rgba(22, 22, 22, 0.06),
      0 15px 30px rgba(22, 22, 22, 0.08) !important;
  }
}


/* Плавность */

body.enl-archive-root
.enl-archive-month-link,

body.enl-month-archive
.enl-month-week-link,

body.enl-week-archive
.enl-level-card,

body.enl-learning-route
.enl-lesson-card,

body.enl-hard-page
.enl-lesson-card {
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease !important;
}


/* =========================================================
   16. ПЛАНШЕТ
   ========================================================= */

@media (max-width: 1000px) {



  body.enl-month-archive
  .enl-month-grid {
    gap:
      16px !important;
  }


  body.enl-week-archive
  .enl-week-level-grid {
    gap:
      16px !important;
  }
}


/* =========================================================
   17. МОБИЛЬНЫЙ
   ========================================================= */

/* =========================================================
   МОБИЛЬНОЕ ПРИЛОЖЕНИЕ / МОБИЛЬНЫЙ САЙТ
   АРХИВ 2027
   ========================================================= */

@media (max-width: 700px) {

    /* Архив: карточки идут друг под другом */

    body.enl-archive-root
    .enl-archive-grid {
        display: flex !important;

        flex-direction: column !important;

        gap: 12px !important;

        width: 100% !important;
    }


    body.enl-archive-root
    .enl-archive-month-row {

        flex: 0 0 100% !important;

        width: 100% !important;

        max-width: 100% !important;

        height: 135px !important;

        min-height: 135px !important;

        max-height: 135px !important;
    }


    body.enl-archive-root
    .enl-archive-month-row > td {

        width: 100% !important;

        height: 135px !important;

        min-height: 135px !important;

        max-height: 135px !important;

        padding: 0 !important;
    }


    /* Белая карточка месяца */

    body.enl-archive-root
    .enl-archive-month-link {

        width: 100% !important;

        height: 135px !important;

        min-height: 135px !important;

        max-height: 135px !important;

        box-sizing: border-box !important;

        padding: 17px 16px !important;

        border-radius: 16px !important;

        overflow: hidden !important;
    }


    /* =====================================================
   МЕСЯЦ → НЕДЕЛИ
   ===================================================== */

body.enl-month-archive
.enl-month-week-grid {

    display: flex !important;
}


/* =====================================================
   НАЗВАНИЕ МЕСЯЦА — GOLOS TEXT
   ===================================================== */

body.enl-archive-root
.enl-archive-month-title {

    font-family:
        "Golos Text",
        Arial,
        sans-serif !important;

    font-size: 24px !important;

    font-weight: 500 !important;

    line-height: 1.05 !important;
}


/* =====================================================
   ЗАГОЛОВОК НЕДЕЛИ — GOLOS TEXT
   ===================================================== */

body.enl-month-archive
.enl-month-week-title {

    font-family:
        "Golos Text",
        Arial,
        sans-serif !important;

    font-size: 22px !important;

    font-weight: 500 !important;

    line-height: 1.08 !important;
}


    /* Розовые темы */

    body.enl-archive-root
    .enl-archive-month-tag {

        font-family:
            "Golos Text",
            Arial,
            sans-serif !important;

        font-size: 12px !important;

        font-weight: 400 !important;
    }


    /* =====================================================
       МЕСЯЦ → НЕДЕЛИ
       ===================================================== */

    body.enl-month-archive
    .enl-month-grid {

        display: flex !important;

        flex-direction: column !important;

        gap: 12px !important;

        width: 100% !important;
    }


    body.enl-month-archive
    .enl-month-week-row {

        flex: 0 0 100% !important;

        width: 100% !important;

        max-width: 100% !important;
    }


    body.enl-month-archive
    .enl-month-week-link {

        width: 100% !important;

        height: 130px !important;

        min-height: 130px !important;

        max-height: 130px !important;

        box-sizing: border-box !important;

        padding: 17px 16px !important;

        border-radius: 16px !important;
    }


    body.enl-month-archive
    .enl-month-week-tag {

        font-family:
            "Golos Text",
            Arial,
            sans-serif !important;

        font-size: 12px !important;

        font-weight: 400 !important;
    }


    /* =====================================================
       НЕДЕЛЯ → БАЗА / ХАРД
       ===================================================== */

    body.enl-week-archive
    .enl-week-level-grid {

        grid-template-columns: 1fr !important;

        gap: 12px !important;
    }


    body.enl-week-archive
    .enl-level-card {

        min-height: 150px !important;

        padding: 22px 18px 19px !important;

        border-radius: 16px !important;
    }


    body.enl-week-archive
    .enl-level-title {

        font-family:
            "NauryzRedKeds",
            Arial,
            sans-serif !important;

        font-size: 23px !important;

        font-weight: 400 !important;
    }


    body.enl-week-archive
    .enl-level-description {

        font-family:
            "Golos Text",
            Arial,
            sans-serif !important;

        font-size: 14px !important;

        font-weight: 400 !important;
    }


    /* =====================================================
       УРОКИ
       ===================================================== */

    body.enl-learning-route
.enl-card-title,

body.enl-hard-page
.enl-card-title {

    font-family:
        "Golos Text",
        Arial,
        sans-serif !important;

    font-weight: 400 !important;
}

}

/* =========================================================
   18. ОЧЕНЬ МАЛЕНЬКИЙ ЭКРАН
   ========================================================= */

@media (max-width: 390px) {

  body.enl-learning-route
  .enl-lesson-card,

  body.enl-hard-page
  .enl-lesson-card {
    grid-template-columns:
      minmax(0, 1fr)
      66px !important;
  }


  body.enl-learning-route
  .enl-card-side,

  body.enl-hard-page
  .enl-card-side {
    width:
      66px !important;
  }
}
/* =========================================================
   УРОКИ — ИСПРАВЛЯЕМ ЛЕВУЮ ГАЛОЧКУ
   ========================================================= */

body.enl-learning-route
.enl-lessons-list,

body.enl-hard-page
.enl-lessons-list,

body.enl-learning-route
.enl-lessons-shell,

body.enl-hard-page
.enl-lessons-shell {
  overflow:
    visible !important;
}


body.enl-learning-route
.enl-lessons-grid,

body.enl-hard-page
.enl-lessons-grid {
  box-sizing:
    border-box !important;

  padding-left:
    20px !important;

  overflow:
    visible !important;
}


body.enl-learning-route
.enl-lesson-row,

body.enl-hard-page
.enl-lesson-row,

body.enl-learning-route
.enl-lesson-row > td,

body.enl-hard-page
.enl-lesson-row > td,

body.enl-learning-route
.enl-lesson-row > td > div,

body.enl-hard-page
.enl-lesson-row > td > div {
  overflow:
    visible !important;
}


/* Галочка */

body.enl-learning-route
.enl-lesson-card::before,

body.enl-hard-page
.enl-lesson-card::before {
  left:
    -12px !important;
}


/* ===== БАННЕР ТРЕНИНГА ===== */

.al_main-banner-ist {

    position: relative;

    padding: 30px;

    margin-bottom: 30px;

    background: #C2D4E8 !important;

    border-radius: 25px;


    box-shadow:
        0 18px 40px rgba(176,21,19,0.12),
        0 6px 18px rgba(0,0,0,0.08);


    overflow: visible !important;

}



/* Заголовок */

.al_main-banner-ist .al_mb-heading {

    position: relative;

    z-index: 10;

}


.al_main-banner-ist .al_mb-heading .html-content p {

    font-family: 'NauryzRedKeds', sans-serif !important;

    font-size: 48px;

    line-height: 110%;

    color: #7C2329 !important;

}



/* Тариф */

.al_main-banner-ist .al_mbTarif {

    position: relative;

    margin-bottom: 20px;


    font-family: 'Golos Text', sans-serif !important;

    font-weight: 500 !important;

    font-size: 24px !important;

    line-height: 130% !important;


    color: #7C2329 !important;


    z-index: 10;

}



/* Кнопка */

.al_main-banner-ist .al_mbBtn {

    position: relative;


    display: inline-flex;

    align-items: center;


    padding: 10px 22px !important;


    font-family: 'Golos Text', sans-serif !important;

    font-weight: 600 !important;

    font-size: 14px !important;


    color: #7C2329 !important;


    background: #FFFFFF !important;


    border: none !important;

    border-radius: 30px !important;


    box-shadow:
        0 4px 15px rgba(176,21,19,0.18);


    text-decoration: none !important;


    z-index: 10;

}



/* картинка GetCourse */

.al_main-banner-ist .al_mb-img:not(.editable) {

    position: absolute;


    right: -20px;

    bottom: 0;


    width: 58% !important;

    max-width: 520px;


    z-index: 5;

}



/* выезд головы вверх */

.al_main-banner .al_mb-img img {

    width: 100% !important;

    height: auto !important;


    transform: translateY(-55px) !important;

}

/* ===== ФИНАЛЬНАЯ НАСТРОЙКА КАРТИНКИ БАННЕРА ===== */

.my-training-fast-img {

    position: absolute !important;

    right: 0px !important;

    bottom: 0 !important;


    width: 75% !important;

    max-width: 600px !important;

    height: auto !important;


    z-index: 5 !important;

    pointer-events: none !important;


    transform: none !important;

}


.al_main-banner-ist .al_mb-img {
    display: none !important;
}


/* ===== ПОИСК УРОКОВ ===== */

.SearchBlock {

    position: relative;

    padding: 8px;

    background-color: #D9DC6A;

    border-radius: 12px;

    margin-bottom: 20px;


    box-shadow:
        0 8px 20px rgba(0,0,0,0.12);

}


/* Поле поиска */

.SearchBlock .TextInput {

    position: relative;

    z-index: 10;


    width: 100%;

    height: 48px;


    padding: 8px 55px 8px 55px;


    font-family: 'Raleway', sans-serif !important;

    font-weight: 400 !important;

    font-size: 18px !important;


    color: #000000 !important;


    background: #FFFFFF;


    border: 0px solid #FFFFFF;


    border-radius: 12px;


    outline: none;

}



/* placeholder */

.SearchBlock .TextInput::placeholder {

    color: #000000;

    opacity: 1;

}



/* фокус */

.SearchBlock .TextInput:focus {

    border-color: #B5C8E8;

    box-shadow: none;

}



/* иконка поиска */

.SearchBlock__left-icon {

    position: absolute;

    left: 18px;


    top: 0;

    bottom: 0;


    z-index: 20;


    display: flex;

    align-items: center;


    color: #000000;


    font-size: 20px;

}



/* крестик */

.SearchBlock__clear {

    position: absolute;


    right: 18px;


    top: 0;

    bottom: 0;


    z-index: 20;


    display: flex;

    align-items: center;


    color: #000000;


}



.SearchBlock__clear svg {

    width: 16px;

    height: 16px;

}

/* ===== Галерея ачивок ===== */
.achv-gallery{
  margin-top:16px;
  background:#fff;
  border-radius:14px;
  box-shadow:0 4px 24px rgba(17,24,39,.06);
  padding:16px 14px 18px;
  position:relative; /* якорь для стрелок и тултипов */
}

/* шапка */
.achv-gallery .achv-head{
  font:700 18px/1.25 var(--font, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial);
  color:#111827;
  letter-spacing:.2px;
  margin:0 0 12px 0;
  display:flex; align-items:center; gap:10px;
  padding:0 4px;
}
.achv-gallery .achv-head .icon{
  width:18px;height:18px;border-radius:50%;
  background:linear-gradient(180deg,#c7cffd,#b8a9ff);
  box-shadow:0 2px 8px rgba(17,24,39,.12) inset;
}

/* ===== СЛАЙДЕР ===== */
.achv-gallery .achv-slider{
  position:relative;
}

/* окно прокрутки (дорожка) */
.achv-gallery .achv-viewport{
  position:relative;
  overflow-x:auto;
  overflow-y:visible;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding:6px 8px;
}

/* тонкая незаметная полоса прокрутки */
.achv-gallery .achv-viewport::-webkit-scrollbar{ height:6px; }
.achv-gallery .achv-viewport::-webkit-scrollbar-track{ background:transparent; }
.achv-gallery .achv-viewport::-webkit-scrollbar-thumb{
  background:rgba(17,24,39,.14); border-radius:6px;
}
.achv-gallery .achv-viewport:hover::-webkit-scrollbar-thumb{
  background:rgba(17,24,39,.22);
}

/* лента карточек */
.achv-gallery .achv-list{
  display:flex; align-items:flex-start;
  gap:18px;
}

/* карточка-медаль */
.achv-gallery .achv-card{
  position:relative;
  scroll-snap-align:start;
  flex:0 0 calc((100% - 36px) / 3); /* 3 в ряд, между ними по 24px gap */
  max-width: 260px;
}
  outline:none;
}

/* изображение медали (без белой подложки) */
.achv-gallery .achv-thumb{
  position:relative;
  width:100%;
  aspect-ratio: 1 / 1;
  display:grid; place-items:center;
}
.achv-gallery .achv-thumb img{
  width:100%; height:100%; object-fit:contain; display:block;
}

/* ===== Кнопки-стрелки поверх дорожки ===== */
.achv-gallery .achv-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:36px; height:36px;
  border-radius:50%;
  background:rgba(255,255,255,.85);
  box-shadow:0 2px 8px rgba(17,24,39,.12);
  display:grid; place-items:center;
  cursor:pointer; user-select:none;
  transition:background .15s ease, transform .15s ease, opacity .12s ease;
  z-index:30;
}
.achv-gallery .achv-btn:hover{
  background:rgba(255,255,255,.95);
  transform:translateY(-50%) scale(1.05);
}
.achv-gallery .achv-btn[disabled]{ opacity:.4; cursor:default; }
.achv-gallery .achv-btn.prev{ left:-18px; }
.achv-gallery .achv-btn.next{ right:-18px; }
.achv-gallery .achv-btn svg{
  width:20px;height:20px; stroke:#6b6b6b; stroke-width:2; fill:none;
}

/* ===== Всплывашка (название + описание) ===== */
.achv-gallery .achv-tip{
  position:absolute;               /* добавляется в .achv-gallery */
  left:0; top:0;                   /* координаты задаём из JS */
  transform:translate(-50%,-100%); /* центр по X, над якорем */
  min-width:260px; max-width:340px;
  padding:12px 14px;
  border-radius:12px;
  background:#fff;
  color:#111827;
  box-shadow:0 12px 32px rgba(17,24,39,.16);
  opacity:0; pointer-events:none;
  transition:opacity .18s ease;
  z-index:40;                      /* выше стрелок */
}
.achv-gallery .achv-tip.show{ opacity:1; }
.achv-gallery .achv-tip::after{
  content:""; position:absolute; left:50%; top:100%; transform:translateX(-50%);
  border:10px solid transparent; border-top-color:#fff;
}
.achv-gallery .achv-tip .t1{
  font:700 15px/1.2 var(--font, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial);
  margin-bottom:6px;
}
.achv-gallery .achv-tip .t2{
  font:500 13px/1.35 var(--font, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial);
  color:#4b5563;
}

/* мобайл: плотнее */
@media (max-width:680px){
  .achv-gallery .achv-list{ gap:16px; }
  .achv-gallery .achv-card{ width: clamp(120px, 40vw, 180px); }
  .achv-gallery .achv-btn.prev{ left:-10px; }
  .achv-gallery .achv-btn.next{ right:-10px; }
}

.achv-gallery .achv-btn {

        display:none !important;

    }


/* =========================================================
   БАННЕР — МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================= */

@media (max-width: 680px) {

    .al_main-banner-ist {
        position: relative !important;

        /* делаем баннер ниже */
        min-height: 500px !important;

        /* место под картинку */
        padding: 25px 22px 145px !important;

        box-sizing: border-box !important;

        overflow: hidden !important;
    }


    /* =====================================================
       КАРТИНКА
       ===================================================== */

    .my-training-fast-img {
        position: absolute !important;

        right: 0 !important;
        bottom: 0 !important;

        /* делаем картинку крупнее */
        width: 72% !important;
        max-width: none !important;

        height: auto !important;

        z-index: 5 !important;

        pointer-events: none !important;

        transform: none !important;
    }


    /* =====================================================
       ТЕКСТ И КНОПКА ПОВЕРХ КАРТИНКИ
       ===================================================== */

    .al_main-banner-ist .al_mb-heading,
    .al_main-banner-ist .al_mbTarif,
    .al_main-banner-ist .al_mbBtn {
        position: relative !important;
        z-index: 10 !important;
    }

}

/* =========================================================
   ГЛАВНЫЙ БАННЕР — УВЕЛИЧЕНИЕ КАРТИНКИ НА МОБИЛЬНОМ
   ========================================================= */

@media (max-width:680px) {

    .al_main-banner-ist .my-training-fast-img {

        width: 100% !important;

        right: -10px !important;

        bottom: 0 !important;

    }

}


/* ===== БАННЕР ОБЩЕСТВОЗНАНИЕ ===== */


.al_main-banner-obsh {

    position: relative;

    padding: 30px;

    margin-bottom: 30px;

    background: #F7D5D9 !important;

    border-radius: 25px;

    box-shadow:
        0 18px 40px rgba(176,21,19,0.12),
        0 6px 18px rgba(0,0,0,0.08);

    overflow: visible !important;

}


/* Заголовок */

.al_main-banner-obsh .al_mb-heading {

    position: relative;

    z-index: 10;

}


.al_main-banner-obsh .al_mb-heading .html-content p {

    font-family: 'NauryzRedKeds', sans-serif !important;

    font-size: 48px;

    line-height: 110%;

    color: #B01513 !important;

}


/* Тариф */

.al_main-banner-obsh .al_mbTarif {

    position: relative;

    margin-bottom: 20px;

    font-family: 'Golos Text', sans-serif !important;

    font-weight: 500 !important;

    font-size: 24px !important;

    line-height: 130% !important;

    color: #B01513 !important;

    z-index: 10;

}


/* Кнопка */

.al_main-banner-obsh .al_mbBtn {

    position: relative;

    display: inline-flex;

    align-items: center;

    padding: 10px 22px !important;

    font-family: 'Golos Text', sans-serif !important;

    font-weight: 600 !important;

    font-size: 14px !important;

    color: #B01513 !important;

    background: #FFFFFF !important;

    border-radius: 30px !important;

    box-shadow:
        0 4px 15px rgba(176,21,19,0.18);

    text-decoration: none !important;

    z-index: 10;

}


/* картинка */

.al_main-banner-obsh .my-training-obsh-img {

    position: absolute !important;

    right: 0 !important;

    bottom: 0 !important;

    width: 75% !important;

    max-width: 600px !important;

    height: auto !important;

    z-index: 5 !important;

    pointer-events: none !important;

}
@media (max-width:680px) {


    .al_main-banner-obsh {

        position: relative !important;

        min-height: 500px !important;

        padding: 25px 22px 145px !important;

        box-sizing: border-box !important;

        overflow: hidden !important;

    }


    .al_main-banner-obsh .my-training-obsh-img {

        position: absolute !important;

        width: 120% !important;

        max-width: none !important;

        right: -10px !important;

        bottom: 0 !important;

        height: auto !important;

        z-index: 5 !important;

    }


    .al_main-banner-obsh .al_mb-heading,
    .al_main-banner-obsh .al_mbTarif,
    .al_main-banner-obsh .al_mbBtn {

        position: relative !important;

        z-index: 10 !important;

    }


}
.al_main-banner-obsh .al_mbBtn {

    border: none !important;

    outline: none !important;

    box-shadow:
        0 4px 15px rgba(176,21,19,0.18) !important;

}
.enl-lesson-card:not(.has-deadline) .enl-step-label {
  display: none;
}

/* ===== ФИНАЛЬНОЕ ОФОРМЛЕНИЕ НАГРАД ===== */


/* белая карточка */

.achv-gallery {

    margin-top: 16px !important;

    background: #FFFFFF !important;

    border-radius: 32px !important;

    box-shadow:
        0 8px 30px rgba(0,0,0,0.08) !important;

    padding: 20px !important;

    position: relative;

}

/* ===== ЗАГОЛОВОК НАГРАД ===== */

.achv-gallery .achv-head {

    display: block !important;


    width: 100%;

    text-align: center;


    margin: 0 0 18px 0;


    font-family: 'NauryzRedKeds', sans-serif !important;

    font-size: 24px;

    line-height: 110%;


    color: #7C2329 !important;


    font-weight: 400 !important;

}


/* убираем фиолетовый кружок */

.achv-gallery .achv-head .icon {

    display: none !important;

}

/* область с наградами */

.achv-gallery .achv-viewport {

    overflow-x: auto;

    overflow-y: hidden;

    padding: 5px 20px;

    scroll-snap-type: x mandatory;

}



/* ряд наград */

.achv-gallery .achv-list {

    display: flex;

    align-items: center;

    gap: 30px;

}



/* карточки */

.achv-gallery .achv-card {

    flex: 0 0 260px;

    max-width: 260px;

}



/* картинки */

.achv-gallery .achv-thumb {

    width: 100%;

    aspect-ratio: 1 / 1;

}



.achv-gallery .achv-thumb img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}
/* ===== СТРЕЛКИ ИЗ SVG ===== */

.achv-gallery .achv-btn {

    width: 44px !important;
    height: 44px !important;

    border-radius: 50% !important;

    background: #D9DC6A !important;

    border: 2px solid #000 !important;

    padding: 0 !important;

    display: flex !important;

    align-items: center;
    justify-content: center;

    overflow: hidden;

}


.achv-gallery .achv-btn img {

    width: 18px !important;
    height: 18px !important;

    display: block;

}


/* левая стрелка */

.achv-gallery .achv-btn.prev img {

    transform: rotate(180deg);

}


/* расположение */

.achv-gallery .achv-btn.prev {

    left: -22px !important;

}


.achv-gallery .achv-btn.next {

    right: -22px !important;

}

/* ===== НАСТРОЙКА СТРЕЛОК НАГРАД ===== */

.achv-gallery .achv-btn {

    width: 42px !important;
    height: 42px !important;

    border-radius: 50% !important;

    padding: 0 !important;

}


/* размер самой иконки */

.achv-gallery .achv-btn img {

    width: 16px !important;
    height: 16px !important;

}



/* левая кнопка */

.achv-gallery .achv-btn.prev {

    left: -18px !important;

}



/* правая кнопка */

.achv-gallery .achv-btn.next {

    right: -18px !important;

}
/* УБИРАЕМ ТЕСТОВУЮ ОБВОДКУ */
html body.enl-learning-route,
html body.enl-hard-page {
    outline: none !important;
    outline-width: 0 !important;
    outline-color: transparent !important;
}

/* скрываем список баллов и шкалы в достижениях */

.xdget-trainingAchievements .xdget-in-title {
    display:none !important;
}

.xdget-trainingAchievements table {
    display:none !important;
}
/* скрываем технический блок с исходными бейджами */
.achv-gallery + .achv-source,
.achv-source {
    display: none !important;
}

/* ===== НАГРАДЫ МОБИЛЬНАЯ ВЕРСИЯ ===== */

@media (max-width:680px){

    .achv-gallery {

        margin-top:20px !important;
        padding:16px !important;

        border-radius:24px !important;

        overflow:hidden !important;

    }


    .achv-gallery .achv-head {

        font-size:22px !important;

        margin-bottom:15px !important;

    }


    .achv-gallery .achv-viewport {

        overflow-x:auto !important;
        overflow-y:hidden !important;

        padding:5px !important;

    }


    .achv-gallery .achv-list {

        gap:16px !important;

    }


    .achv-gallery .achv-card {

        flex:0 0 120px !important;

        max-width:120px !important;

    }


    .achv-gallery .achv-thumb {

        width:120px !important;
        height:120px !important;

    }


    .achv-gallery .achv-btn {

        display:none !important;

    }

}

.achv-gallery {
    position: relative !important;
    z-index: 2 !important;
    clear: both !important;
}
.xdget-block.achv-gallery + * {
    margin-top:20px;
}